<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/css.css">
    <link rel="shortcut icon" href="image/BaiDu-title.png" type="image/x-icon">
</head>
<body>
<!--头部只有导航栏-->
<header class="header">
    <!--导航栏-->
    <nav class="nav">
        <ul class="nav-bar">
            <li class="nav-bar-font news">新闻</li>
            <li class="nav-bar-font hao123">hao123</li>
            <li class="nav-bar-font map">地图</li>
            <li class="nav-bar-font video">视频</li>
            <li class="nav-bar-font post-bar">贴吧</li>
            <li class="nav-bar-font academic">学术</li>
            <li class="nav-bar-font login">登录</li>
            <li class="show-set-ul">
                <div class="set">设置</div>
                <ul class="set-ul">
                    <!--倒三 角-->
                    <li class="arrows-top"></li>
                    <li class="arrows-top arrows-bottom"></li>
                    <li class="set-li-font">搜索设置</li>
                    <li class="set-li-font">高级搜索</li>
                    <li class="set-li-font">关闭预测</li>
                    <li class="set-li-font">搜索历史</li>
                </ul>
            </li>
        </ul>
        <!--侧边栏-->
        <aside class="show-more">
            <div class="more-product">更多产品</div>
            <ul class="more-product-ul">
                <li class="more-product-li">更多产品</li>
                <li class="more-product-recommend">
                    <div class="NuoMi-icon"></div>
                    糯米
                </li>
                <li class="more-product-recommend">
                    <div class="NuoMi-icon music-icon"></div>
                    音乐
                </li>
                <li class="more-product-recommend">
                    <div class="NuoMi-icon picture-icon"></div>
                    图片
                </li>
                <li class="more-product-recommend">
                    <div class="NuoMi-icon know-icon"></div>
                    知道
                </li>
                <li class="more-product-recommend">
                    <div class="NuoMi-icon library-icon"></div>
                    文库
                </li>
                <li class="more-product-recommend">
                    <div class="NuoMi-icon billboard-icon"></div>
                    风云榜
                </li>
                <li class="more-product-link">
                    全部产品>>
                </li>
            </ul>
        </aside>
    </nav>
</header>

<!--中间内容部分,百度log + search-->
<div class="content">
    <!--百度log -->
    <img src="image/BaiDu-logo.png" alt="BaiDu-log" class="BaiDu-log-size">
    <!--搜索框-->
    <div class="search-box">
        <!--搜索内容的box-->
        <div class="search-text-camera">
            <input type="text" class="search-text" placeholder=''>
            <span class="camera"></span>
            <!--百度一下 button-->
        </div>
        <input type="button" value="百度一下" class="search-button">
    </div>
</div>
<!--页脚-->
<footer class="footer">
    <img src="image/QR_code.png">
    <div class="BaiDuApp">手机百度</div>
    <div class="footer-nav">
        <p class="footer-nav-top">
            <span class="need-activity">把百度设为首页</span>
            <span class="need-activity">关于百度</span>
            <span class="need-activity">About BaiDu</span>
            <span class="need-activity">百度推广</span>
        </p>
        <p class="footer-nav-foot">
            <span class="">©2018 BaiDu</span>
            <span class="need-activity">使用百度前必读</span>
            <span class="need-activity">意见反馈</span>
            <span class="">京ICP证030173号</span>
            <span class="icon-1"></span>
            <span class="">京公网安备11000002000001号</span>
            <span class="icon-1 icon-2"></span>
        </p>
    </div>
</footer>
<script src="asset/getFontSize.js" type="text/javascript"></script>
</body>
</html>